<template>
    <el-tabs type="border-card">
        <el-tab-pane label="全部">
            <FormInfo />
            
        </el-tab-pane>
        <el-tab-pane label="待付款">
            <FormInfo />
        </el-tab-pane>
        <el-tab-pane label="准备中">
            <FormInfo />
        </el-tab-pane>
        <el-tab-pane label="待取餐">
            <TakeFood />
        </el-tab-pane>
        <el-tab-pane label="已完成">
            <Conclude />
        </el-tab-pane>
        <el-tab-pane label="已关闭">
            <FormInfo />
        </el-tab-pane>
        <el-tab-pane label="退款失败">
            <FormInfo />
        </el-tab-pane>
        
        
    </el-tabs>
</template>

<script setup lang="ts">
import FormInfo from "../components/FormInfo.vue"
import TakeFood from "../components/TakeFood.vue"
import Conclude from "../components/Conclude.vue"





</script>

<style scoped>
.el-collapse-item__content {
    padding-bottom: 0;
}
</style>